<style lang='less' scoped>
    .btn-footer {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 45px;
        line-height: 45px;
        text-align: center;
        z-index: 3;
    }
</style>

<template>
    <div class="btn-footer" @click="listFn">
        <div class="text-17" :class="styles">
            <span class="iconfont MR-10" :class="[icon]" v-if="icon"></span>{{text}}
        </div>
    </div>
</template>

<script>
export default {
    props: {
        text: {
            type: 'String',
            require: true,
            default: ''
        },
        styles: {
            type: String,
            default: 'btn-blue'
        },
        icon: {
            type: String
        }
    },
    methods: {
        listFn() {
            this.$emit('click')
        }
    }
}
</script>